<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="./main.xhtml">

            <ui:define name="content">
                <p:panelGrid>
                    <p:row>
                        <!-- busqueda -->
                        <p:column>
                            <p:panelGrid>
                                <p:row>
                                    <p:column>Inicio</p:column>
                                    <p:column>Fin</p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <p:calendar value="#{facturaBean.desde}" pattern="dd/MM/yyyy"/>
                                    </p:column>
                                    <p:column>
                                        <p:calendar value="#{facturaBean.hasta}" pattern="dd/MM/yyyy"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column colspan="2">
                                        <p:commandButton value="Buscar" action="#{facturaBean.buscar}"/>
                                    </p:column>                        
                                </p:row>
                            </p:panelGrid>
                        </p:column>
                        
                        <!-- resultado -->
                        <p:column>                            
                            <p:outputPanel autoUpdate="true">
                            <p:commandButton value="Cerrar caja" action="#{facturaBean.cerrarCaja()}" 
                                             disabled="#{empty facturaBean.facturas}"/>
                            
                            <ui:repeat  value="#{facturaBean.facturas}" var="f">
                                <p:panelGrid>
                                    <f:facet name="header">
                                        <p:row>
                                            <p:column># de Factura</p:column>
                                            <p:column><h:outputText value="#{f.id}"/></p:column>                                    
                                        </p:row>
                                        <p:row>
                                            <p:column>Cliente</p:column>
                                            <p:column><h:outputText value="#{f.cliente}"/></p:column>                                    
                                        </p:row>
                                        <p:row>
                                            <p:column>Mesa</p:column>
                                            <p:column><h:outputText value="#{f.mesa}"/></p:column>                                    
                                        </p:row>
                                    </f:facet>
                                    
                                    <!-- Cuerpo factura-->
                                    <p:row>
                                        <p:column colspan="2">
                                            <p:dataTable value="#{f.items}" var="it">
                                                <p:column headerText="Descripcion"><h:outputText value="#{it.producto.descripcion}"/></p:column>
                                                <p:column headerText="Cantidad"><h:outputText value="#{it.cantidad}"/></p:column>
                                                <p:column headerText="Precio"><h:outputText value="#{it.producto.precio}"/></p:column>
                                                <p:column headerText="Cantidad"><h:outputText value="#{it.producto.precio*it.cantidad}"/></p:column>
                                            </p:dataTable>
                                            
                                                                                   
                                        </p:column>
                                    </p:row>
                                    
                                    <f:facet name="footer">
                                        <p:row>
                                            <p:column>
                                                Total
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{f.total}"/>
                                            </p:column>
                                        </p:row>
                                    </f:facet>
                                </p:panelGrid><br/>
                            </ui:repeat>
                            </p:outputPanel>    
                                
                            
                                

                            
                        </p:column>
                    </p:row>
                </p:panelGrid>
                
            </ui:define>

        </ui:composition>

    </body>
</html>
